<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>SHTL</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/index.css" />
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</head>
<body>
	<!-- 导航栏 -->
	<div class="row navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
		<div class="col-sm-1"></div>
		<div class="col-sm-4">
			<a class="navbar-brand" href="#">
				<img class="logo" src="../images/logo.png" />
			</a>
		</div>
		<div class="col-sm-4">
			<ul class="navbar-nav">
				<li class="nav-item">
					<h1 class="text_title">SHTL个人网站</h1>
				</li>
			</ul>
		</div>
	  <div class="col-sm-4">
		  <ul class="navbar-nav">
		    <li class="nav-item">
		      <a class="nav-link" href="../index.html">首页</a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link" href="essay.html">文章</a>
		    </li>
		  		<li class="nav-item">
		  		  <a class="nav-link" href="#" style="color: white;font-weight: bold;">视频</a>
		  		</li>
		  		<li class="nav-item">
		  		  <a class="nav-link" href="blog.html">博客</a>
		  		</li>
		  		<li class="nav-item">
		  		  <a class="nav-link" href="about.html">关于</a>
		  		</li>
		  </ul>
	  </div>
	  <div class="col-sm-1"></div>
	</div>
	<!-- 内容模块 -->
	<div id="text" style="width: 50%;" class="container-fluid" style="background-color: #8d99ae;">
		
		<ul class="nav nav-tabs">
		  <li class="nav-item">
		    <a class="nav-link active" data-toggle="tab" href="#home">李子柒</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" data-toggle="tab" href="#profile">滇西小哥</a>
		  </li>
		 <li class="nav-item">
		    <a class="nav-link" data-toggle="tab" href="#three">MV</a>
		 </li>
		 <li class="nav-item">
		    <a class="nav-link" data-toggle="tab" href="#four">纪录片</a>
		 </li>
		 <li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#five">人文艺术</a>
		 </li>
		</ul>
		<div id="myTabContent" class="tab-content">
		  <div class="tab-pane fade active show" id="home">
<!-- 李子柒 -->
		    <div id="one">
				<div class="card">
				<div class="card-header">
				   <a class="card-link" data-toggle="collapse" href="#collapseOne">
						土豆篇
				   </a>
				</div>
				<div id="collapseOne" class="collapse show" data-parent="#one">
				<div class="card-body">						
					<div>	
						<div style="text-indent: 0;">
							<b style="color: #197278;">李子柒</b>：
						</div>													
						<div style="text-indent: 2em;">
							我觉得没有人不爱吃土豆的吧！
						</div>
						<div style="text-indent: 2em;">
							一颗土豆大卸八块埋土里等啊等，
						</div>
						<div style="text-indent: 2em;">
							每一块都能结出好多好多小土豆！
						</div>
						<div style="text-indent: 2em;">
							每颗小土豆又能做成土豆烧排骨，酸辣土豆粉，土豆泥、土豆薯片…等等等等……
						</div>
						<div style="text-indent: 2em;">
							你的家乡还有没啥地道的土豆吃法啊？
						</div>
					</div>					
					<hr />					
					<video controls width="100%">
						<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/tuDou.mp4" type="audio/mp4"></source>
					</video>
				</div>								
				</div>
			</div>
			
			<div class="card">
			  <div class="card-header">
			    <a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo">
			    小麦篇
			  </a>
			  </div>
			  <div id="collapseTwo" class="collapse" data-parent="#one">
			    <div class="card-body">			     
					<div>
						<div style="text-indent: 0;">
							<b style="color: #197278;">李子柒</b>：
						</div>													
						<div style="text-indent: 2em;">
							小时候最期待“叮叮哐”敲麻糖的声音，
						</div>
						<div style="text-indent: 2em;">
							记忆里爷爷总自己发麦芽熬糖给我们扯麦芽糖
						</div>
						<div style="text-indent: 2em;">
							从一捧麦子到一筐麦子，不过是生命的轮回。
						</div>
						<div style="text-indent: 2em;">
							麦芽能熬糖，麦秆能编帽，面粉能做各种美食
						</div>
						<div style="text-indent: 2em;">
							包子 凉皮 肉夹馍，麻花 面条 烤面筋…
						</div>
						<div style="text-indent: 2em;">
							快告诉我你最喜欢什么面食吧！
						</div>
					</div>					
					<hr />					
					<video controls width="100%">
						<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/xiaoMai.mp4" type="audio/mp4"></source>
					</video>
			    </div>
			  </div>
			</div>
			
			<div class="card">
			  <div class="card-header">
			    <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree">
			    豌豆篇
			  </a>
			  </div>
			  <div id="collapseThree" class="collapse" data-parent="#one">
			    <div class="card-body">			     
					<div>
						<div style="text-indent: 0;">
							<b style="color: #197278;">李子柒</b>：
						</div>													
						<div style="text-indent: 2em;">
							一颗小豌豆、发芽长叶吃豌豆尖。
						</div>
						<div style="text-indent: 2em;">
							开花后吃嫩豆角、嫩豌豆
						</div>
						<div style="text-indent: 2em;">
							最后收获一大把豌豆子拿来炖肉吃！
						</div>
						<div style="text-indent: 2em;">
							作物从种子到种子的轮回是生命延续最快见证
						</div>
						<div style="text-indent: 2em;">
							话说豌豆凉粉 香酥豌豆 豌杂面 豌豆黄 蹄花汤	
						</div>
						<div style="text-indent: 2em;">
							你最Pick哪一个“小豌豆”？
						</div>
					</div>					
					<hr />					
					<video controls width="100%">
						<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/wanDou.mp4" type="audio/mp4"></source>
					</video>
			    </div>
			  </div>
			</div>
			
			<div class="card">
			  <div class="card-header">
			    <a class="collapsed card-link" data-toggle="collapse" href="#collapseFour">
			    大蒜篇
			  </a>
			  </div>
			  <div id="collapseFour" class="collapse" data-parent="#one">
			    <div class="card-body">			     
					<div>
						<div style="text-indent: 0;">
							<b style="color: #197278;">李子柒</b>：
						</div>													
						<div style="text-indent: 2em;">
							大蒜这种食物，
						</div>
						<div style="text-indent: 2em;">
							应该算是家家户户餐桌必备的吧？
						</div>
						<div style="text-indent: 2em;">
							不管蒸的 炒的 红烧的 凉拌的，	
						</div>
						<div style="text-indent: 2em;">
							少了它好像就是少了些滋味！
						</div>
						<div style="text-indent: 2em;">
							从去年秋天到现在，从蒜疙瘩到蒜疙瘩！
						</div>
						<div style="text-indent: 2em;">
							挖新蒜喽～～
						</div>
					</div>					
					<hr />					
					<video controls width="100%">
						<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/<daSuan class="mp4"></daSuan>" type="audio/mp4"></source>
					</video>
			    </div>
			  </div>
			</div>
			
			<div class="card">
			  <div class="card-header">
			    <a class="collapsed card-link" data-toggle="collapse" href="#collapseFive">
			    踏青篇
			  </a>
			  </div>
			  <div id="collapseFive" class="collapse" data-parent="#one">
			    <div class="card-body">			     
					<div>
						<div style="text-indent: 0;">
							<b style="color: #197278;">李子柒</b>：
						</div>													
						<div style="text-indent: 2em;">
							三月三，上巳节、女儿节。
						</div>
						<div style="text-indent: 2em;">
							也是叫“桃花节”对吧？
						</div>
						<div style="text-indent: 2em;">
							相传古老又浪漫的节日！
						</div>
						<div style="text-indent: 2em;">
							寻了花材做了些吃食，
						</div>
						<div style="text-indent: 2em;">
							带上这帮“孩子们”在家门口做作的踏了个青
						</div>
						<div style="text-indent: 2em;">
							也算是和这个春天好好的打了招呼！
						</div>
					</div>					
					<hr />					
					<video controls width="100%">
						<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/taQing.mp4" type="audio/mp4"></source>
					</video>
			    </div>
			  </div>
			</div>
			
			<div class="card">
			  <div class="card-header">
			    <a class="collapsed card-link" data-toggle="collapse" href="#collapseSix">
			    蜡染篇
			  </a>
			  </div>
			  <div id="collapseSix" class="collapse" data-parent="#one">
			    <div class="card-body">			     
					<div>
						<div style="text-indent: 0;">
							<b style="color: #197278;">李子柒</b>：
						</div>													
						<div style="text-indent: 2em;">
							“青出于蓝，而胜于蓝”
						</div>
						<div style="text-indent: 2em;">
							从一颗蓼蓝种子到两次收割，
						</div>
						<div style="text-indent: 2em;">
							打靛、起缸、染布、做衣！
						</div>
						<div style="text-indent: 2em;">
							蓝印花布 蜡染这些老前辈们的手艺，
						</div>
						<div style="text-indent: 2em;">
							不知道还有多少人记得呢！
						</div>						
					</div>					
					<hr />					
					<video controls width="100%">
						<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/laRan.mp4" type="audio/mp4"></source>
					</video>
			    </div>
			  </div>
			</div>
			
			</div>
		  </div>
		  <div class="tab-pane fade" id="profile">
<!-- 滇西小哥 -->
			<div id="one">
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#twoOne">
							粽子篇
					   </a>
					</div>
					<div id="twoOne" class="collapse show" data-parent="#one">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">滇西小哥</b>：
							</div>													
							<div style="text-indent: 2em;">
								摘几片粽叶，把美味和祝福全都包进去！
							</div>
							<div style="text-indent: 2em;">
								临近端午，空气里都是粽叶的香味～以前小的时候，总是闹着要妈妈包粽子给我吃，
							</div>
							<div style="text-indent: 2em;">
								是纯糯米的。这次给家里人包了一些不一样的！鸡枞的、火腿的、鲜花的、枣泥的......你们爱吃什么口味的粽子？
							</div>						
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/zongZi.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#twoTwo">
							玫瑰花酱
					   </a>
					</div>
					<div id="twoTwo" class="collapse" data-parent="#one">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">滇西小哥</b>：
							</div>													
							<div style="text-indent: 2em;">
								关于玫瑰花酱的做法有很多，但我还是钟爱加了大理雕梅汁的这一种，
							</div>
							<div style="text-indent: 2em;">
								酸梅汁中和了玫瑰淡淡的花涩，保留了玫瑰的醇香，
							</div>
							<div style="text-indent: 2em;">
								酿出一抹独特的香甜。炎炎夏日，带着花香的甜点，想要尝尝么~
							</div>						
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/meiGuiHuaJiang.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#twoThree">
							景颇舂菜
					   </a>
					</div>
					<div id="twoThree" class="collapse" data-parent="#one">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">滇西小哥</b>：
							</div>													
							<div style="text-indent: 2em;">							
								“舂”是景颇族最具有特色的一种美食加工方式！
							</div>
							<div style="text-indent: 2em;">
								舂的工具也比较讲究，上山挖了一个老竹根，花了两天做了舂筒，
							</div>
							<div style="text-indent: 2em;">
								在景颇族人眼里似乎没有什么食材是不可以拿来“舂一下”的～
							</div>						
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/jingPoChongCai.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#twoFour">
							一席一果
					   </a>
					</div>
					<div id="twoFour" class="collapse" data-parent="#one">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">滇西小哥</b>：
							</div>													
							<div style="text-indent: 2em;">
								怒江边上的香蕉
							</div>
							<div style="text-indent: 2em;">
								一棵香蕉树一生只结一次果，香蕉成熟后，它的树也可以用来喂猪了，新长出来树苗要一年的时间才开花结果。
							</div>
							<div style="text-indent: 2em;">
								怒江边上种的香蕉，非常软糯香甜，不加药水催熟，除了表皮有点丑，真的香甜到爆！这几种香蕉的吃法，你们喜欢哪一种？
							</div>						
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/yiXiYiGuo.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#twoFive">
							火腿篇
					   </a>
					</div>
					<div id="twoFive" class="collapse" data-parent="#one">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">滇西小哥</b>：
							</div>													
							<div style="text-indent: 2em;">
								祖辈们凭借着云南得天独厚的自然环境和气候，
							</div>
							<div style="text-indent: 2em;">
								做出了各种各样的腌腊菜，火腿算是最具代表的，
							</div>
							<div style="text-indent: 2em;">
								也是云南菜的灵魂所在，火腿铜锅焖饭，火腿木瓜鸡，火腿炒各种蔬菜，味道都极其鲜美～
							</div>						
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/huoTui.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#twoSix">
							白花鮓
					   </a>
					</div>
					<div id="twoSix" class="collapse" data-parent="#one">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">滇西小哥</b>：
							</div>													
							<div style="text-indent: 2em;">
								鲊——留住春天最好的美味
							</div>
							<div style="text-indent: 2em;">
								每个季节，云南都会用大米炒熟后磨成粉，加上其他佐料一起拌成可以长期储存的菜，我们叫鲊（zhǎ）！
							</div>
							<div style="text-indent: 2em;">
								不管是肉类还是应季的蔬菜，都能用同样的佐料做成我们当地特有的风味美食，这可是留住春天美食最好的办法
							</div>						
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/baiHuaZha.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				
			</div>
		  </div>
		  <div class="tab-pane fade" id="three">
		  	<!-- 视频三 -->
		  	<div id="three">
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#threeOne">
							张艺兴 - 《莲》
					   </a>
					</div>
					<div id="threeOne" class="collapse show" data-parent="#three">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">张艺兴</b>：
							</div>													
							<div style="text-indent: 2em;">
								张艺兴《莲》MV正式上线。
							</div>
							<div style="text-indent: 2em;">
								画面中张艺兴身穿古今两种装扮穿梭时空，搭配节奏鼓点串联起人物间的线索，
							</div>
							<div style="text-indent: 2em;">
								在歌声里重新演绎项羽的故事，整支MV超有质感。戳视频，一起来欣赏吧!
							</div>							
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/lian_zyx.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#threeTwo">
							华晨宇  -《斗牛》
					   </a>
					</div>
					<div id="threeTwo" class="collapse" data-parent="#three">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">华晨宇</b>：
							</div>													
							<div style="text-indent: 2em;">
								生命不分贵贱高低，生命都是一样的重要
							</div>
							<div style="text-indent: 2em;">
								对生命致以敬畏，无论是什么地位。
							</div>												
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/douNiu_hcy.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#threeThree">
							任嘉伦 - 《逝言》
					   </a>
					</div>
					<div id="threeThree" class="collapse" data-parent="#three">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">任嘉伦</b>：
							</div>													
							<div style="text-indent: 2em;">
								任嘉伦演唱插曲《逝言》MV燃情上线~！
							</div>
							<div style="text-indent: 2em;">
								逝言寄情不悔，永世白首相随。一人两面真心让人期待！任式苏音简直太好听了
							</div>												
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/shiYan_rjl.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#threeFour">
							萧敬腾 - 《猴笼》
					   </a>
					</div>
					<div id="threeFour" class="collapse" data-parent="#three">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">萧敬腾</b>：
							</div>													
							<div style="text-indent: 2em;">
								老萧这是要干嘛？最新改编抖肩神曲《猴笼》MV上线啦！
							</div>
							<div style="text-indent: 2em;">
								真的是一只猴王带着一群小猴子逃笼
							</div>	
							<div style="text-indent: 2em;">
								这个抖肩动作太帅啦，是不是要开始全民抖肩！
							</div>											
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/houLong_xjt.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>				
				
			</div>
		  </div>
		  <div class="tab-pane fade" id="four">
		    <!-- 视频三 -->
		  	<div id="four">
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fourOne">
							朝鲜与韩国
					   </a>
					</div>
					<div id="fourOne" class="collapse show" data-parent="#four">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">纪录片</b>：
							</div>													
							<div style="text-indent: 2em;">
								朝鲜与韩国为什么分裂？
							</div>
							<div style="text-indent: 2em;">
								历史调研室第一期，十分钟带你了解朝鲜半岛的历史
							</div>												
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/chaoXian_hanGuo.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fourTwo">
							《和之美》第4集 荞麦面
					   </a>
					</div>
					<div id="fourTwo" class="collapse" data-parent="#four">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">纪录片</b>：
							</div>													
							<div style="text-indent: 2em;">
								不论是东方还是西方的饮食文化中，都有面条类的食物。
							</div>
							<div style="text-indent: 2em;">
								荞麦就特别贴近这个国家人们的生活，说是日本食物的精髓一点也不为过。
							</div>
							<div style="text-indent: 2em;">
								那么一碗荞麦面到底承载着怎样的历史呢
							</div>													
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/heZhiMei.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fourThree">
							《摇滚走廊》
					   </a>
					</div>
					<div id="fourThree" class="collapse" data-parent="#four">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">纪录片</b>：
							</div>													
							<div style="text-indent: 2em;">
								也许你知道廊坊地处京津之间，也许你知道廊坊是印刷之乡，
							</div>
							<div style="text-indent: 2em;">
								也许你知道廊坊是会展之城，但是你知道吗，这座城市还有一个鲜为人知的特征，这个特征在全国的圈子内都是很有名气的，哪就是.... 对这是一座特殊的中国 #摇滚# 重镇！！
							</div>
							<div style="text-indent: 2em;">
								廊坊是一个值得被中国摇滚尊敬的名字。而且廊坊还曾经一度被称为中国的吉他之乡...
							</div>													
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/yaoGunZouLang.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fourFour">
							《画家齐白石》
					   </a>
					</div>
					<div id="fourFour" class="collapse" data-parent="#four">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">纪录片</b>：
							</div>													
							<div style="text-indent: 2em;">
								纪录片《画家齐白石》
							</div>
							<div style="text-indent: 2em;">
								纪录大师的风采
							</div>																			
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/qiBaiShi.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
			</div>
		  </div>
		  <div class="tab-pane fade" id="five">
		    <!-- 视频三 -->
		    <div id="five">
				<div id="one">
					<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fiveOne">
							清明上河图
					   </a>
					</div>
					<div id="fiveOne" class="collapse show" data-parent="#five">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">人文艺术</b>：
							</div>													
							<div style="text-indent: 2em;">
								此作品首先于中国2010年上海世界博览会中国馆展出，在强大的技术支持下，
							</div>
							<div style="text-indent: 2em;">
								每个人物、细节都活灵活现，行走的人流、吆喝的水手、街边忙碌的商贩……
							</div>
							<div style="text-indent: 2em;">
								再现了北宋汴京的繁华景象，看完相当震撼！
							</div>							
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/qingMingShangHeTu.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fiveTwo">
							李白 - 《送友人》
					   </a>
					</div>
					<div id="fiveTwo" class="collapse" data-parent="#five">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">人文艺术</b>：
							</div>													
							<div style="text-indent: 2em;">
								青山横北郭，白水绕东城。
							</div>
							<div style="text-indent: 2em;">
								此地一为别，孤蓬万里征。
							</div>
							<div style="text-indent: 2em;">
								浮云游子意，落日故人情。
							</div>
							<div style="text-indent: 2em;">
								挥手自兹去，萧萧班马鸣。
							</div>
							<div style="text-indent: 2em;">
								——李白《送友人》										
							</div>	
							<div style="text-indent: 2em;">
								今天写一写李白吧～
							</div>
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/songYouRen_lb.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
								
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fiveThree">
							风景速写
					   </a>
					</div>
					<div id="fiveThree" class="collapse" data-parent="#five">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">人文艺术</b>：
							</div>													
							<div style="text-indent: 2em;">
								要注意表现画面的空间感，
							</div>
							<div style="text-indent: 2em;">
								需要把天空留的稍微宽一些，
							</div>
							<div style="text-indent: 2em;">
								保证其空间感。
							</div>
							<div style="text-indent: 2em;">
								手绘钢笔速写风景参考，
							</div>
							<div style="text-indent: 2em;">
								（美术视频）分享。
							</div>								
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/fengJingSuXie.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fiveFour">
							汉印临摹
					   </a>
					</div>
					<div id="fiveFour" class="collapse" data-parent="#five">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">人文艺术</b>：
							</div>													
							<div style="text-indent: 2em;">
								汉印临摹全过程之“巧工司马”
							</div>														
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/hanYinLinMo.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
				<div class="card">
					<div class="card-header">
					   <a class="card-link" data-toggle="collapse" href="#fiveFive">
							木板年画
					   </a>
					</div>
					<div id="fiveFive" class="collapse" data-parent="#five">
					<div class="card-body">						
						<div>	
							<div style="text-indent: 0;">
								<b style="color: #197278;">人文艺术</b>：
							</div>													
							<div style="text-indent: 2em;">
								匠刻艺声、聊城老艺人和陪伴他70多年的木板年画
							</div>	
							<div style="text-indent: 2em;">
								从小跟随父亲学习制作木版画的聊城老艺人栾喜魁，不仅从父亲那里学到了精湛的技艺，
							</div>
							<div style="text-indent: 2em;">
								更明白了做人要像对待艺术一样精益求精、尽心尽力。为了木版画的传承，已经70多岁的他还要继续努力。
							</div>							
						</div>					
						<hr />					
						<video controls width="100%">
							<source src="http://www.shtlls.ltd/ziyuan_xiazai/video/moveWEB/muBanNianHua.mp4" type="audio/mp4"></source>
						</video>
					</div>								
					</div>
				</div>
				
			</div>
		  </div>
		</div>
	  
	</div>
	
	<!-- 底部版权信息栏 -->
	<div class="footer">
		<p>生死看淡&nbsp;&nbsp;&nbsp;&nbsp;●&nbsp;&nbsp;&nbsp;&nbsp;不服就干&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SHTL版权所有</p>
	</div>
</body>
</html>
